@extends('admin.layout.homeindex')
@section('content')
	<!--//////////////////////////////////////////////////-->
	<!--///////////////////  商品列表页  //////////////////-->
	<!--//////////////////////////////////////////////////-->
	<div id="page-content" class="single-page">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<ul class="breadcrumb">
						<li><a href="{{url('/')}}">首页</a></li>
					</ul>
				</div>
			</div>
			<div class="row">
				<div id="main-content" class="col-md-8">
					<div class="row">
						<div class="col-md-12">
							<div class="products">
							@foreach($goods as $k => $v)
								<div class="col-lg-4 col-md-4 col-xs-12">
									<div class="product">
										<div class="image"><a href="{{url('/product')}}/{{$v -> id}}"><img src="{{$v -> pic}}" /></a></div>
										<div class="buttons">
											<a class="btn cart" href="{{url('/product')}}/{{$v -> id}}"><span class="glyphicon glyphicon-shopping-cart"></span></a>
											<a class="btn wishlist" href="/HO/#"><span class="glyphicon glyphicon-heart"></span></a>
											<a class="btn compare" href="/HO/#"><span class="glyphicon glyphicon-transfer"></span></a>
										</div>
										<div class="caption">
											<div class="name"><h3><a href="/HO/product.html">{{$v -> title}}</a></h3></div>
											<div class="price">{{$v -> price}}</div>
											<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
										</div>
									</div>
								</div>
								@endforeach	
							</div>
						</div>
					</div>
					<!-- 显示分页 -->
					<div class="col-md-6 col-md-offset-5">
						{!! $goods->appends($request)->render() !!}  
					</div>

				</div>
				
				<div id="sidebar" class="col-md-4">
					<div class="widget wid-brand">
						<div class="heading"><h4>品牌</h4></div>
						<div class="content">
							<label class="checkbox"><input type="checkbox" name="brand">Samsung</label>
							<label class="checkbox"><input type="checkbox" name="brand">Iphone</label>
							<label class="checkbox"><input type="checkbox" name="brand">Huawei</label>
							<label class="checkbox"><input type="checkbox" name="brand">LG</label>	
						</div>
					</div>
					<div class="widget wid-product">
						<div class="heading"><h4>最新</h4></div>
						<div class="content">
							<div class="product">
								<a href="/HO/#"><img src="/HO/images/galaxy-note.jpg" /></a>
								<div class="wrapper">
									<h5><a href="/HO/#">Samsung Galaxy Tab</a></h5>
									<div class="price">$122</div>
									<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
								</div>
							</div>
							<div class="product">
								<a href="/HO/#"><img src="/HO/images/galaxy-s4.jpg" /></a>
								<div class="wrapper">
									<h5><a href="/HO/#">Samsung Galaxy Tab</a></h5>
									<div class="price">$122</div>
									<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
								</div>
							</div>
							<div class="product">
								<a href="/HO/#"><img src="/HO/images/Z1.png" /></a>
								<div class="wrapper">
									<h5><a href="/HO/#">Samsung Galaxy Tab</a></h5>
									<div class="price">$122</div>
									<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</div>>

			</div>
		</div>
	</div>	
</body>
</html>
@endsection